<template>
    <div>
        <van-nav-bar title="首页" />
        <van-search v-model="value" show-action label="" placeholder="请输入搜索关键词" @search="onSearch">
            <template #action>
                <div @click="onClickButton"><van-icon name="list-switching" style="font-size: 22px;"/></div>
            </template>
        </van-search>
        <van-tabs v-model:active="active" animated>
            <van-tab title="推荐">
                <swipe :images="images" imagewidth="100%" imageheight="200px"></swipe>

            </van-tab>
            <van-tab title="美食">内容 2</van-tab>
            <van-tab title="运动">内容 3</van-tab>
            <van-tab title="保健品">内容 4</van-tab>
            <van-tab title="内衣">内容 3</van-tab>
            <van-tab title="更多">内容 4</van-tab>
        </van-tabs>

    </div>
</template>

<script setup>
import swipe from '@/components/swipe.vue';
import router from '@/router';
const images = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
];
import { ref } from 'vue';
const onClickButton=()=>{
    router.push('/home/cla')
}


</script>

<style lang="scss" scoped></style>